<template>
	<view>
		<view class="my-assets-middle">
			<view url="/pages/personal/my-assets/my-assets" class="middle-left">
				<text class="textone">总金额(元)</text><br>
				<text class="texttwo">0.00</text><br>
				<view class="textthree">今日收益 <text class="assets-text">0.00</text></view>
			</view>
			<view class="middle-right">
				<view class="textthree">累计收益 <text class="assets-text">0.00</text></view>
			</view>
		</view>
		
		
		<!-- 没有订单显示 -->
		<view class="empty">
			<image src="https://z3.ax1x.com/2021/04/22/cOiY0e.png" mode="" class="empty-image"></image>
			<view class="empty-texts">暂无订单...</view>
		</view>
		
		
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
			}
		},
		
		computed:{
			
		},
		methods: {
			
			jumpProduct(){
				uni.navigateTo({
					url:'/pages/ProductDetail/ProductDetail'
				})
			},
			
		}
	}
</script>

<style>
.my-assets-middle {
		width: 100%;
		height: 190rpx;
		display: flex;
		flex-grow: 1;
		/* border: 1px solid red; */
		margin-bottom: 20rpx;
	}

	.middle-left {
		width: 300rpx;
		height: 160rpx;
		/* border: 1rpx solid red; */
		padding-top: 20rpx;
		padding-left: 40rpx;
	}

	.middle-right {
		width: 300rpx;
		height: 80rpx;
		/* border: 1rpx solid red; */
		padding-top: 100rpx;
		padding-left: 40rpx;
	}

	.textone {
		color: #333333;
		font-size: 26rpx;
		font-family: PingFang SC;
	}

	.texttwo {
		color: #333333;
		font-size: 35rpx;
		font-family: PingFang SC;
		font-weight: bold;
	}

	.textthree {
		font-family: PingFang SC;
		font-size: 28rpx;
		color: #999999;
		margin-top: 17rpx;
	}
	.assets-text{
		font-family: PingFang SC;
		font-size: 32rpx;
		color: #666666;
		margin-left: 15rpx;
	}
	
	
	.empty {
		width: 200rpx;
		height: 150rpx;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.05);
		position: absolute;
		text-align: center;
		padding-top: 50rpx;
		top: 0rpx;
		bottom: 0rpx;
		left: 0rpx;
		right: 0rpx;
		margin: auto auto;
	}
	
	.empty-texts {
		font-size: 28rpx;
		margin-top: 60rpx;
		color: rgba(0, 0, 0, 0.5);
	}
	
	.empty-image {
		width: 100rpx;
		height: 100rpx;
		margin: 0rpx auto;
	}
	
	
	
	
</style>
